
import axios from 'axios';
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
//图标包
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import ElementPlus from 'element-plus'

import 'element-plus/dist/index.css'

import { ElMessage } from 'element-plus'
const app = createApp(App)
app.use(router)

app.mount('#app')
app.use(ElementPlus)
// //注册了所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
  
}
axios.defaults.baseURL = "http://localhost:7033/";
//给axios起个别名
app.config.globalProperties.$axios = axios;

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  //前端统一存入localstorage
  let number = window.localStorage.getItem("number");
  config.headers.number = number;
  let userid = window.localStorage.getItem("userid");
  config.headers.userid = userid;
  console.log(number)

  let token = window.localStorage.getItem("token");
  // console.log("已经在请求头加入token,为", token);
  if (token) {
    config.headers.token = token;
  }
  let utoken = window.localStorage.getItem("utoken");
  console.log("已经在请求头加入utoken,为", utoken);
  if (utoken) {
    config.headers.utoken = utoken;
  }
  ///在这里发送
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(
  response => {
    // // 对响应数据做处理
    // console.log(response.headers["x-auth-token"])
    // const token = response.headers["x-auth-token"];
    // if (token) {
    //   window.localStorage.setItem('token', token);
    // }
    let code = response.data.code;
    if (code == 401) {
      ElMessage.error(response.data.msg)
      router.push("/admlogin");
    } else if (code == 402) {
      ElMessage.error(response.data.msg)
      router.push("/login");
    }
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  }, error => {
    if (error.response && error.response.status === 401) {
      ElMessage.error("请先登录")
      router.push("/admlogin");
    } else if (error.response && error.response.status === 402) {
      ElMessage.error("请先登录")
      router.push("/login");
    }
    //在这里处理错误，例如显示一个错误消息
    ElMessage.error('无法连接到服务器，请稍后再试。');
    return Promise.reject(error);
  });
// 超出 2xx 范围的状态码都会触发该函数。
// 对响应错误做点什么
